<div class="content-section introduction">
  <div>
    <span class="feature-title">设备管理<span class="gt">&gt;</span>导入设备</span>
  </div>
</div>
<div class="content-section main-content">
  <div class="section-top">
    <button pButton type="button"  label="导入模板下载" ></button>
    <button pButton type="button"  label="批量导入"  ></button>
    <button pButton type="button"  label="添加" ></button>
  </div>
  <p-table [columns]="cols" [value]="assets">
    <ng-template pTemplate="header" let-columns>
      <tr>
          <th *ngFor="let col of columns">
              {{col.header}}
          </th>
      </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-columns="columns">
      <tr>
          <!-- <td>{{asset.vin}}</td>
          <td>{{asset.year}}</td>
          <td>{{asset.brand}}</td>
          <td>{{asset.color}}</td> -->
          <td *ngFor="let col of columns">
              {{rowData[col.field]}}
          </td>
      </tr>
  </ng-template>

  </p-table>
  <p-paginator [rows]="10" [totalRecords]="100"></p-paginator>
</div>
<!-- <app-add-or-update-device  *ngIf="showAddMask" [state]="state" (closeAddMask)="removeMask($event)" (addDev)="addDevice($event)"></app-add-or-update-device> -->
<!--批量导入model-->
<p-dialog  modal="modal"  [responsive]="true">
  <p-header>
    资产批量导入
  </p-header>
  <!-- <div class="ui-g">
    <div class="ui-g-12">
      <div class="file-box">
        <form method="post" enctype="multipart/form-data">
          <input type='text' name='textfield' #textfield id='textfield' class='txt' />
          <input type='button' class='btn' value='浏览...' />
          <input type="file" name="fileField" class="file" id="fileField" #fileField size="28" onchange="textfield.value=fileField.value" [uploader]="uploader" ng2FileSelect /><br><br>
        </form>
      </div>
    </div>
  </div> -->
  <p-footer>
    <button type="button" pButton icon="fa-check"  label="确定"></button>
    <button type="button" pButton icon="fa-close"  label="取消"></button>
  </p-footer>
</p-dialog>
